<!DOCTYPE HTML>
<!--
	Full Motion by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
	<head><meta name="generator" content="Hexo 3.9.0">
		<title>有瓣教育-有伴你我</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="assets/css/main.css">
	</head>
	<body id="top">

			<!-- Banner -->
			<!--
				To use a video as your background, set data-video to the name of your video without
				its extension (eg. images/banner). Your video must be available in both .mp4 and .webm
				formats to work correctly.
			-->
				<section id="banner" data-video="images/banner">
					<div class="inner">
						<header>
							<h1>有瓣教育</h1>
							<p>一个专注知识分享的平台  </p>
							<p>学习是一辈子的事 欢迎爱学习的你 </p>
<!--              涵盖IT 音乐制作 外语速学 股票投资等8大模块 -->
						</header>
						<a href="#main" class="more">Learn More</a>
					</div>
				</section>

			<!-- Main -->
				<div id="main">
					<div class="inner">

					<!-- Boxes -->
						<div class="thumbnails">

							<div class="box">
<!--								<a href="https://youtu.be/s6zR2T9vn2c" class="image fit"><img src="images/pic01.jpg" alt="" /></a>-->
								<a href="images/pic01.jpg" class="image fit"><img src="images/pic01.jpg" alt></a>
								<div class="inner">
									<h3>IT模块</h3>
									<p>萌大大最开始就是靠这项技能维持生计的，
                    比较消耗脑力的一项技能， 但是收获也很大哦.</p>
									<a href="https://code.iww6.com" class="button fit" data-poptrox="youtube,800x400">Watch</a>
								</div>
							</div>

							<div class="box">
								<a href="images/pic02.jpg" class="image fit"><img src="images/pic02.jpg" alt></a>
								<div class="inner">
									<h3>音乐制作</h3>
									<p>音乐其实才是萌大大的最爱， 永不言弃啊亲们.</p>
									<a href="https://audio.newban.cn" class="button style2 fit" data-poptrox="youtube,800x400">Watch</a>
								</div>
							</div>

							<div class="box">
								<a href="images/pic03.jpg" class="image fit"><img src="images/pic03.jpg" alt></a>
								<div class="inner">
									<h3>日语速学</h3>
									<p>选择日语的原因完全是考虑到以后的就业问题，随着青少年英语素质的提升，未来小语种也许大有可为，比如当一名日语老师？ 哈哈.</p>
									<a href="http://riyu.iww6.com" class="button style3 fit" data-poptrox="youtube,800x400">Watch</a>
								</div>
							</div>
<!--              <div class="box">
                <a href="images/pic06.jpg" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
                <div class="inner">
                  <h3>股彩票投资</h3>
                  <p>投资是一门时间的艺术, 财富增值是一个永恒的话题.</p>
                  <a href="images/pic06.jpg" class="button fit" data-poptrox="youtube,800x400">Watch</a>
                </div>
              </div>
              <div class="box">
                <a href="images/pic06.jpg" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
                <div class="inner">
                  <h3>视频与直播</h3>
                  <p>随着5G时代的到来, 音视频与直播将逐步占领主流舞台, 不管你喜不喜欢, 科技一直在变 跟上还是落后, 取决于你的一念之间~.</p>
                  <a href="images/pic06.jpg" class="button fit" data-poptrox="youtube,800x400">Watch</a>
                </div>
              </div>-->
							<div class="box">
								<a href="images/pic04.jpg" class="image fit"><img src="images/pic04.jpg" alt></a>
								<div class="inner">
									<h3>自产芦荟</h3>
									<p>萌大大的副业之一， 家种芦荟， 自产自销， 想吃 想敷 想观赏 在这里都有哦</p>
									<a href="https://luhui.iww6.com" class="button style2 fit" data-poptrox="youtube,800x400">Watch</a>
								</div>
							</div>

		<!--					<div class="box">
								<a href="images/pic05.jpg" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
								<div class="inner">
									<h3>自产水果</h3>
									<p>家种新鲜水果， 实时更新当季水果， 绝对比市面上要便宜哦 走过路过不要错过~.</p>
									<a href="images/pic05.jpg" class="button style3 fit" data-poptrox="youtube,800x400">Watch</a>
								</div>
							</div>-->

      <!--        <div class="box">
                <a href="https://youtu.be/s6zR2T9vn2c" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
                <div class="inner">
                  <h3>Nascetur nunc varius commodo</h3>
                  <p>Interdum amet accumsan placerat commodo ut amet aliquam blandit nunc tempor lobortis nunc non. Mi accumsan.</p>
                  <a href="https://youtu.be/s6zR2T9vn2c" class="button fit" data-poptrox="youtube,800x400">Watch</a>
                </div>
              </div>-->

						</div>

					</div>
				</div>

			<!-- Footer -->
				<footer id="footer">
					<div class="inner">
						<h2>有瓣教育-分享有用知识</h2>
						<p>你会的技能越多 未来的选择就越多. </p>

						<ul class="icons">
							<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
							<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
							<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
							<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
						</ul>
						<p class="copyright">&copy; Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com/">Unsplash</a>. Videos: <a href="http://coverr.co/">Coverr</a>.</p>
					</div>
				</footer>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.poptrox.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>
